@import '~@/style/base.less';
@text_color: #000;
@border_color: #E4E4E4;
@active_color: #F9BF29;
@subtext_color: #666;

.location_detail {
  .frow(flex-start, center);
  margin-bottom: 20px;
  .icon {
    flex: 0 0 22px;
    display: inline-block;
    width: 22px;
    height: 31px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 18px auto;
    font-size: 22px;
    text-align: center;
    margin-right: 24px;
  }
  .location_icon {
    .icon();
    background-image: url('~@/assets/images/location.png');
  
  }
  .location_info {
    font-size: 30px;
    color: @text_color;
    &.location {
      color: @subtext_color;
    }
  }
}
.times_wrap {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
  li {
    flex: 0 0 auto;
    min-width: 30%;
    width: 30%;
    position: relative;
    .frow(center,center, column) ;
    text-align: center;
    font-size: 30px;
    padding: 38px 20px 29px;
   
    list-style: none;
    color: @color_subtext;
    border: 2px solid #eee;
    border-radius: 6px;
    &:not(:nth-child(3n)) {
      margin: 0 33px 36px 0;
    }
    span {
      &:nth-child(1) {
        line-height: 56px;
        border-radius: 8px;
        min-width: 148px;
        display: inline-block;
      }
      &:nth-child(2) {
        font-size: 24px;
        white-space: pre;
        height: 20px;
      }
    }
    &.active {
      color: @active_color;
      border: 2px solid @active_color;;
    }
  }
}

.empty_timeList {
  text-align: center;
  .close_icon {
    display: inline-block;
    background: url('~@/assets/images/open-time-close.png');
    background-size: cover;
    height: 150px;
    width: 150px;
  }
  p {
    color: @subtext_color;
  }
 
  margin: 0 auto;
}
